<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml"
      layout:decorate="~{front/common/framework}" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
  <title>首页</title>
  <link rel="stylesheet" href="/static/front/css/index.css">
</head>
<body>
<div layout:fragment="content">
  <div class="layui-carousel" id="test1">
    <div carousel-item>
      <div style="background: url(/static/front/imgs/zys158-1.jpg) center;">
        <div class="txt">
          <h2>花瓣美素<br>基于中国版权保护中心DCI体系的数字版权交易平台</h2>
          <h4>保护原创作品版权，提升作品交易价值</h4>
          <a href="/copyright/register/edit">我要登记<i><img src="/static/front/imgs/zys190.png"/></i></a>
        </div>
      </div>
    </div>
  </div>
  <div class="about">
    <div class="wrapper">
      <div class="txt">
        <div class="title">
          <h4>关于我们 <font>About us</font></h4>
          <h6>DCI体系面向设计及图形领域的版权登记和交易平台</h6>
        </div>
        <div class="txt-content">
          <p>花瓣花素版权服务平台为创作者提供线上版权登记申请、版权交易、版权监测维权等综合服务。基于DCI体系，版权登记申请和版权交易双平台运营，创作者通过平台申请版权登记，作品通过中国版权保护中心审核后，获得统一的《作品登记证书》（电子版）及DCI码、DCI标。依托花瓣美素海量的行业资源，版权作品可被分发至多渠道进行销售，通过线上交易、在线授权等数字交易方式帮助创作者实现作品版权价值最大化，同时结合版权作品全网监测、侵权通知、线上线下配合等方式保护权利人权益。</p>
        </div>
      </div>
      <div class="pic">
        <img src="/static/front/imgs/zys159.jpg"/>
      </div>
    </div>
  </div>
  <div class="service item">
    <div class="wrapper">
      <div class="head">
        <h2>版权服务</h2>
        <h4>COPYRIGHT SERVICE</h4>
      </div>
      <div class="body">
        <ul>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys160.jpg"/>
            </div>
            <h2>版权确权</h2>
            <h4>高效、便捷的线上申请流程，操作便捷</h4>
          </li>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys161.jpg"/>
            </div>
            <h2>版权交易</h2>
            <h4>多渠道分发，提升作品交易价值</h4>
          </li>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys162.jpg"/>
            </div>
            <h2>版权DNA</h2>
            <h4>区块链获取存证DNA标签，为作品添加数字指纹</h4>
          </li>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys163.jpg"/>
            </div>
            <h2>监测维权</h2>
            <h4>全网监测，侵权通知，线上线下配合保护权利人权益</h4>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="procedure item">
    <div class="wrapper">
      <div class="head">
        <h2>交易流程</h2>
        <h4>TRANSACTION PROCESS</h4>
      </div>
      <div class="body">
        <!--<ul>
          <li>
            <div class="img">
              <img src=""/>
            </div>
            <div class="txt">
              <h4></h4>
              <p></p>
            </div>
          </li>
        </ul>-->
        <div class="img">
          <img src="/static/front/imgs/zys165.png"/>
        </div>
      </div>
    </div>
  </div>
  <div class="advantage item">
    <div class="wrapper">
      <div class="head">
        <h2>平台优势</h2>
        <h4>PLATFORM ADVANTAGE</h4>
      </div>
      <div class="body">
        <ul>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys166.png"/>
            </div>
            <h4>作品版权保护</h4>
            <p>中国版权保护中心DCI体系合作示范平台，为创作者提供便捷的版权保护服务</p>
          </li>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys167.png"/>
            </div>
            <h4>行业资源丰富</h4>
            <p>连结海量行业资源，提升作品的曝光率，实现版权内容和交易的快速流通</p>
          </li>
          <li>
            <div class="img">
              <img src="/static/front/imgs/zys168.png"/>
            </div>
            <h4>多渠道交易模式</h4>
            <p>版权作品可进行多渠道分发，促进授权交易达成，让版权实现更大价值</p>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="partner item">
    <div class="wrapper">
      <div class="head">
        <h2>合作伙伴</h2>
        <h4>STRATEGIC PARTNERS</h4>
      </div>
      <div class="body">
        <ul>
          <li>
            <a href="https://www.aliyun.com">
              <img class="img01" src="/static/front/imgs/zys169.png"/>
              <img class="img02" src="/static/front/imgs/zys179.png"/>
            </a>
          </li>
          <li>
            <a href="https://www.jd.com">
              <img class="img01" src="/static/front/imgs/zys170.png"/>
              <img class="img02" src="/static/front/imgs/zys180.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.ccopyright.com.cn/index.php?optionid=1126">
              <img class="img01" src="/static/front/imgs/zys171.png"/>
              <img class="img02" src="/static/front/imgs/zys181.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.xdf.cn">
              <img class="img01" src="/static/front/imgs/zys172.png"/>
              <img class="img02" src="/static/front/imgs/zys182.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.chinatimes.cc">
              <img class="img01" src="/static/front/imgs/zys173.png"/>
              <img class="img02" src="/static/front/imgs/zys183.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.stcn.com">
              <img class="img01" src="/static/front/imgs/zys174.png"/>
              <img class="img02" src="/static/front/imgs/zys184.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.trs.com.cn">
              <img class="img01" src="/static/front/imgs/zys175.png"/>
              <img class="img02" src="/static/front/imgs/zys185.png"/>
            </a>
          </li>
          <li>
            <a href="https://yuanben.io">
              <img class="img01" src="/static/front/imgs/zys176.png"/>
              <img class="img02" src="/static/front/imgs/zys186.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.microdreams.com">
              <img class="img01" src="/static/front/imgs/zys177.png"/>
              <img class="img02" src="/static/front/imgs/zys187.png"/>
            </a>
          </li>
          <li>
            <a href="http://www.youfenba.com">
              <img class="img01" src="/static/front/imgs/zys178.png"/>
              <img class="img02" src="/static/front/imgs/zys188.png"/>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="online-consult">
    <div class="wrapper">
      <div class="txt">
        <h2>把您的需求告诉我们，让我们优秀的团队为您服务！</h2>
        <h4>即问即答，7*24小时在线！</h4>
      </div>
      <div class="btn">
        <a href="http://p.qiao.baidu.com/cps/chat?siteId=11146853&userId=24453643" target="_blank">在线咨询</a>
      </div>
    </div>
  </div>
</div>
<th:block layout:fragment="script">
  <script type="text/javascript">
    $(function(){
      // jQuery("#h-banner").slide({titCell:".head li",mainCell:".body ul",effect:"left",autoPlay:true,trigger:"click"});
      $('.header .wrapper .nav ul li').eq(0).addClass("on").siblings().removeClass("on");

    })

    layui.use('carousel', function(){
      var carousel = layui.carousel;
      //建造实例
      carousel.render({
        elem: '#test1'
        ,width: '100%' //设置容器宽度
        ,height: '600px'
        ,arrow: 'always' //始终显示箭头
      });
    });
  </script>
</th:block>
</body>
</html>